h1,h2,h3,h4,h5,h6{font-weight:400;}

/*设置选中文字时的背景色*/
::selection{ background:#305dc3; color:#fff; }
::-moz-selection    { background:#305dc3; color:#fff; }
/*::-webkit-selection { background:#305dc3; color:#fff;}*/
/*可改变元素被点击时背景框的颜色*/
html{-webkit-tap-highlight-color: rgba(240,240,240,0.7);}/*如果需要背景框不显示，则可以将rgba中的alpha值设为0即可，例如rgba(0,0,0,0)*/

/*--------------------------end公用样式*/
body{ background-color:#fff;}
.min_1200{ min-width:1200px; margin:0 auto;}
.w_1200{ width:1200px; margin:0 auto;}
/*头文件*/
.header_2017{ background-color:#fff; height: 80px;}
.funhead{position: relative; z-index: 20; display: block; width: 100%; height: 80px; background-color: #fff; }
/*固定位置头部*/
@-webkit-keyframes hdnav2-show{0%{top:-42px}100%{top:0}}
@keyframes hdnav2-show{0%{top:-42px}100%{top:0}}
.funhead_fixed{position: fixed; top: 0; left: 0; height: 80px; _position: absolute; animation: hdnav2-show .3s; -moz-animation: hdnav2-show .3s; -webkit-animation: hdnav2-show .3s;
box-shadow: 0px 5px 10px -3px rgba(0, 0, 0, .2);}
* html{background-image: none; background-attachment: fixed;}


/*标志*/
.logo_2017{ padding:.3em 0 0 0;}
/*导航*/
.nav_2017{  line-height:80px;}
.nav_2017 li{ float:left;}
.nav_2017 li a span{ position:relative; z-index: 5;}
.nav_2017 li a{ float:left;position:relative; padding: 0 1.8em; text-align: center;}
.nav_2017 li a::before{ z-index: 1; position:absolute; display: block; content: ''; left: 0; bottom: 0; background-color: #305dc3; width:100%; height: 0;-moz-transition: .3s; -webkit-transition: .3s; transition: .3s;  display: none\9;display: none\0;}
.nav_2017 li a:hover::before,.nav_2017 li.active a::before{ height:100%; color: #fff;}
.nav_2017 li.active span,.nav_2017 li a:hover{ color:#fff;}

/*--------star大图片*/

.ibn{position: relative; clear:both;width:100%; min-width:1200px; margin:0 auto;  height: 580px; overflow: hidden;}
.ibn .bd, .ibn .bd li{width: 100%!important; height: 580px;}
.ibn .bd li{position: relative; overflow: hidden;}
.ibnbg{position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50% 0;}
.ibn .bndec{font-size: 18px; color: #fff; margin:0 auto; width:1200px; padding:0px 0 0 0; position:relative\9; z-index:2\9;}
/*动画数字*/
.ibn .hd{position: absolute; bottom: 15px; left: 0; width: 100%; text-align: center; line-height: 0; font-size: 0;}
.ibn .hd li{margin: 0 5px; display: inline-block; *display: inline; *zoom: 1; width: 12px; height: 12px; background-color: #fff; border-radius: 6px; cursor: pointer; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s;}
.ibn .hd .on{width: 34px; background-color: #6eb92b; box-shadow: 0 0 5px rgba(0,0,0,.4);}

/*文字*/
.ibnline{ margin:150px 0 0 0;}
.ibnline span{ display:inline-block; background-color: #305dc3; width: 46px; height: 3px;}
.bndec h3{ font-size:22px; margin: .4em 0 0 0; line-height: 1.2em;}
.bndec h2{ margin: 30px 0 0 0; font-weight: bold; line-height: 1.2em; text-transform: uppercase;font-size:50px;}
.blue_text_l{ color:#85a5f0;}

/*按钮*/
.ibn .btn{ width:40px; height:80px; background-image: url(../images/home_2017/banner/btn.png); background-repeat: no-repeat;position:absolute; top:50%; margin-top:-40px; cursor:pointer; text-align:center; line-height:80px;}

.ibn .btn_l{ left:3%;}
.ibn .btn_r{ right:3%; background-position: -40px 0;}

/*列表*/
.list_2 li{ float:left; width: 49.9%;}
.list_3 li{ float:left; width:33.3%;}

/*优势*/
.h_adv_2017{ position:relative; height: 0;}
.h_adv_ul{ z-index: 7; position:absolute; bottom:-126px; left: 0; width: 100%; height: 250px; color: #fff; background-color: #e4e4e4;}
.h_adv_ul li{  width: 400px; float:left; height: 100%;}
.h_adv_ul li:hover .box{ -moz-transform:translateY(-.8em);-webkit-transform:translateY(-.8em);transform:translateY(-.8em);}
.h_adv_ul .box{background-color:#305dc3; height: 200px;}
.h_adv_ul .li2 .box{ background-color:#2d57b6;}
.h_adv_ul .li3 .box{ background-color:#294da0;}
.h_adv_ul dl{ padding:50px 35px 0 35px;}
.h_adv_ul dl dt{ margin-right: 25px; width:90px; font-size: 84px; line-height: 1em;}
.h_adv_ul .li3 dl dt{ width:135px;}
.h_adv_ul h4{ line-height: 1.1em; margin: .8em 0 0 0; font-size:16px;}
.h_adv_ul p{ text-transform: uppercase; font-size: 12px; margin: .4em 0 1.2em 0; color:#94a5d9; }
.h_adv_ul .d{ border-top:1px solid rgba(255,255,255,.1);border-top:1px solid #456ec9\9;*border-top:1px solid #456ec9; padding: 25px 0 0 0;}
/*图标*/
.arrow_t{ display:inline-block; background-image: url(../images/home_2017/icon/arrow.png); background-repeat: no-repeat;width: 80px; height: 70px; overflow: hidden;}
.arrow_t2{ background-position: 0 -70px; }
.arrow_t3{ background-position: 0 -140px; }

/*标题*/
.h_th_2017{ text-align:center; font-size: 24px; line-height: 1.1em;}
.h_th_2017 p{ font-size:16px; text-transform: uppercase; color: #999; margin: .7em 0 1em 0; line-height: 1.1em;}
.h_th_2017 .line{ vertical-align: top;  vertical-align: top; display:inline-block; width: 480px; height: 1px; background-color: #e3e3e3; font-size: 0;}
.h_th_2017 .line b{ display:inline-block; background-color: #507fd3; vertical-align: top;margin-top: -9px; width: 10px; height: 10px; overflow: hidden; border: 5px solid #f7f7f7;}

.pro_mune{ margin:2em 100px;}
.pro_mune li{ color: #666; margin-bottom: 1em; float:left; text-align: center; width:12.5%;}
.pro_mune li a{ color: #666; display:block; margin: 0 .5em; border: 1px solid #e3e3e3; background-color: #fff; line-height: 38px;}
.pro_mune li:hover a{ border-color:#305dc3; background-color: #305dc3; color: #fff; box-shadow: 0 5px 10px #eee; -moz-transform:translateY(-.3em);-webkit-transform:translateY(-.3em);transform:translateY(-.3em);}

/*隐藏*/
.hide_box{ height:auto; overflow: hidden;}
.h_pro_2017 .box{ position: relative;margin-right: 30px; display: block; background-color: #fff; height: 380px;}
.h_pro_2017{text-align: center; padding: 1em 0 0 0; width:1230px;}
.h_pro_2017 li{ margin:0 0 2.5em 0;}
.h_pro_2017 h5{ padding: 1em 25px; font-size:16px; }
.h_pro_2017 p{ color:#888; margin:0 25px 1em 25px;}
.h_pro_2017 .box:hover{ box-shadow:0 5px 30px rgba(0,0,0,.1); -moz-transform: translateY(-.3em);-webkit-transform: translateY(-.3em);transform: translateY(-.3em);}
.h_pro_2017 a:hover h5{ background-color:#305dc3; color: #fff; margin:0 0 .5em 0;}
/*热和新*/
.f_new,.f_hot{ z-index: 5; font-weight:bold; color: #fff; text-transform: uppercase; width: 60px; height: 34px; line-height: 24px; text-align: center; position: absolute; right: 1em; top:0; background-repeat: no-repeat; background-image: url(../images/home_2017/icon/new.png);}
.f_hot{background-image: url(../images/home_2017/icon/hot.png);}

/*更多*/
.more_box{text-align:center; margin: 2em 0 4.5em 0;}
.more_a{ background-color: #fff; color: #888; line-height:40px; box-shadow: 0 10px 10px rgba(0,0,0,.1); text-transform: uppercase; display: inline-block; padding: 0 0 0 2.8em;}
.more_a em{ display:inline-block; width: 40px; height: 40px; vertical-align: top; background-color: #383838; background-repeat: no-repeat; background-position: center center; margin-left: 2.8em; background-image: url(../images/home_2017/icon/btn_arrow_w.png);}
.more_a:hover em{ background-color:#305dc3;}
.more_a:hover{ color:#333; -moz-transform: translateX(1em);-webkit-transform: translateX(1em);transform: translateX(1em);}

.box_i{ clear:both; padding: 5em 0;}
.box_i_d{ clear:both; padding: 5em 0 0 0;}

/*关于我们*/
.h_about_box{ background-color:#fff; min-height: 450px; height:auto;*height:450px; background-image: url(../images/home_2017/icon/about_blue.gif); background-repeat:  repeat-x; background-position:  left top; padding: 120px 0 0px 0;}
.h_about_1020{ width:1020px; background-color: #fff; }
.h_about_2017{ position:relative;}
.h_about_img{ position:absolute; top:55px; left: 0; width: 440px;}
.h_about_text{ padding:85px 130px 0 320px;}
.h_about_text h4{ font-size:34px; position: relative;  text-transform: uppercase; height: 50px; line-height: 1.1em;}
.h_about_text h4 b{ width:60px; height: 4px; background-color: #305dc3; position: absolute; bottom: 0; left: 0; font-size:0; overflow: hidden;}
.h_about_text .text{ margin:25px 0 0 0; height:180px; color: #666;}
.h_about_text .hide4{ line-height:2em;height: 8em; }
.h_about_text .more_d{ text-align:right;}
.more_arrow{ border:1px solid #e7e7e7; background-color: #fff; background-image: url(../images/home_2017/icon/btn_arrow_b.png); background-repeat: no-repeat; background-position: center center; display: inline-block; vertical-align: top; width: 90px; line-height: 38px; height: 38px; font-size: 0; overflow: hidden;}
.more_arrow:hover{ background-color:#305dc3; border-color:#305dc3;background-image: url(../images/home_2017/icon/btn_arrow_w.png);  }
/*主营产品*/
.d_mune_2017{ line-height: 2em; color: #fff; background-color: #272a3d; padding: 40px 0 20px 0; background-image:url(../images/home_2017/icon/link_bj.jpg); background-repeat: no-repeat; background-position: center top;}
.d_mune_2017 h4{ font-size:24px; text-align: center; position: relative; height: 45px; margin-bottom: 1em; line-height: 1.1em;}
.d_mune_2017 h4 b{ width:20px; height: 3px; overflow: hidden; background-color: #305dc3; position: absolute; bottom: 0; left: 50%; margin-left: -10px;}
.d_mune_2017 a{ color:#fff; margin: 0 .3em;}
.d_mune_2017 a:hover{ color:#999;}
/*文件底*/
.footer_2017{ color: #666; font-size: 13px; background-color:#333; padding: 3em 0 2em 0;height:200px;overflow:hidden;}
.footer_2017 a{ color:#666;}
.footer_2017 a:hover{ color:#ccc;}
.r_gs{ text-align:center; width: 60px; margin-left: 2em;}
.footer_2017 .r_text{ width:430px;}
.footer_2017 .r_text_l p{margin:1em 0 0 0;}
.footer_2017 ul{ text-transform: uppercase;width:580px;}
.footer_2017 ul li{ margin:0 0 1em 0; line-height: 22px;}

dd.footer_b{margin: 0 auto; padding:0 0 10px 0; width: 1000px; line-height: 30px; font-size: 12px; color: #ccc;}
.footer_b a{color: #ccc;}
.footer_b p{padding: 0 0 8px 0;}
.footer_b span, .footer_b a{margin-right: 15px; padding-left: 24px; display: inline-block; height: 20px; line-height: 20px; background-image: url(../images/footer/icon.gif); background-repeat: no-repeat;}
.footer_b .tel{background-position: 0 0;}
.footer_b .fax{background-position: 0 -20px;}
.footer_b .phone{background-position: 0 -40px;}
.footer_b .qq{background-position: 0 -60px;}
.footer_b .email{background-position: 0 -80px;}
.footer_b .wang{background-position: 0 -100px;}

/*图标*/
.f_arrow{ background-image: url(../images/home_2017/icon/arrow_s.png); background-repeat: no-repeat;  background-color: #305dc3; width: 22px; height: 22px; overflow: hidden; margin-right: 1em;}
.f_arrow2{background-position: 0 -22px;}
.f_arrow3{background-position: 0 -44px;}
.f_arrow4{background-position: 0 -66px;}


/*标签导航*/
.h_tab_nav{ text-align:center; margin: 2em 0 5em 0; height: 40px;}
.h_tab_nav dd a{ line-height: 38px; display:inline-block; vertical-align: top; margin: 0 .5em; padding: 0 2em; cursor: pointer; border: 1px solid #e7e7e7; background-color: #fff; color: #666;}
.h_tab_nav dd .tab_light{ color:#fff; border-color: #305dc3; background-color: #305dc3;}

/*新闻*/
/*列表*/
.h_news_2017 .box{ margin-right: 30px;}
.h_news_2017 .t{ border-bottom:1px solid #e7e7e7; font-size: 38px; padding: 0 15px 15px 15px; margin-bottom: 25px; line-height: 38px; color: #999; height: 38px;}
.h_news_2017 .t .font_14{ padding:0 0 0 1em;}
.h_news_2017 h5{ font-size:16px; margin: 0 15px;}
.h_news_2017 p{ color:#888; margin: 1.5em 15px 5em 15px;}
.h_news_2017 .d{ margin:0 5px; line-height: 2em; color: #999; text-transform: uppercase; font-size: 12px;}
.h_news_2017 .d a{ color: #999;display: inline-block; padding: 0 10px;}
.h_news_2017 li:hover .box{ -moz-transform:translateY(-.3em);-webkit-transform:translateY(-.3em);transform:translateY(-.3em);}
.h_news_2017 li:hover .d a{ background-color: #305dc3; color: #fff;}
.h_news_2017 li:hover .t{ color:#333;}
/*动画数字*/
.newscorllrow .hd{ margin: 2em 0 3.5em 0; text-align:center;}
.newscorllrow .hd li{ width:12px; height: 12px; background-color: #ccc;cursor:pointer;display:inline-block;*display:inline;zoom:1;margin:0 5px; font-size: 0; border-radius: 50%; }
.newscorllrow .hd .on{ background-color:#305dc3;}



/*ftool*/
.ftool{position: fixed; z-index: 16; right: 6px; bottom: 10px; z-index: 25; _position: absolute; _bottom: auto; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));}
* html,* html body{background-image:none;background-attachment: fixed;}
.ftool_item{position: relative; display: block; margin: 0px 0; width: 52px;   }

.ftoolab{position: relative; z-index: 20; display: block; text-align: center; width: 50px; height: 50px; background-image: url(../images/home_2017/icon/ftool.png);background-color: #fff; border: 1px solid #eee;border-bottom:none; }
.ftool_hover .ftoolab{ background-color: #305dc3;border-color:#305dc3;}


.ftool_hover .qq_ftoolab{background-position: -50px 0px;}
.wangwang_ftoolab{ background-position: 0 -50px;}
.ftool_hover .wangwang_ftoolab{background-position: -50px -50px;}
.phone_ftoolab{ background-position: 0 -100px;}
.ftool_hover .phone_ftoolab{background-position: -50px -100px;}
.tel_ftoolab{ background-position: 0 -150px;}
.ftool_hover .tel_ftoolab{background-position: -50px -150px;}
.top_ftoolab{ background-color: #333; background-position: 0 -200px;border-color:#333;}
.ftool_hover .top_ftoolab{background-position: -50px -200px;}



.ftool_code{position: absolute; text-transform: uppercase;color: #fff; font-size: 15px; line-height: 30px; z-index: 26; bottom: 0; top: auto; right: 100px; padding: 10px; width: 145px; height: 30px; background-color: #305dc3; opacity: 0; filter: alpha(opacity=0); display: none;}
.ftool_code a{ color:#fff;}
.ftool_code_gt{position: absolute; bottom: 10px; right: -10px; display: block; text-align: center; width: 20px; height: 20px; line-height: 20px; font-size: 14px; color: #305dc3; font-style: normal; font-family: simsun;}

/*end ftool*/


/*-------star文字的样式*/
/*标题文字*/
.th{ font-family:"Microsoft YaHei";}
/*日期*/
.date{ float:right; color:#999; font-family:Arial;font-weight:normal;}
/*宋体*/
.china{ font-family:"宋体";}
.eng,.prit_r{font-family:Arial;}
/*距离*/
.mt30{margin-top: 30px!important;}

.m_l{ margin-left:1em;}
.m_l_b{ margin-left:2em;}
.m_text{ margin:0 2em;}
.mr_40{ margin-right:40px;}
.m_t{ margin:0 .5em;}
.gray_text_l{ color:#888;}

.font_14{ font-size:14px;}
.font_20{ font-size:20px;}
.font_22{ font-size:22px;}
.font_24{ font-size:24px;}
.font_30{ font-size:30px;}
.font_34{ font-size:34px;}

.font_36{ font-size:36px;}
.orange_text,.gray_link:hover a{ color:#ff6600;}
.green_text,.green_link a{ color:#6eb92b;}
.green_link a:hover{ background-color:#6eb92b; color:#fff;}
.gray_link a{ color:#999;}


/*-------------------------star动画*/
.fadeInUp{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}


@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}
.active .fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}

/*放大*/
.zoombg{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: 50% 0; background-repeat: no-repeat; animation:zoom1 15s linear 0s infinite;-webkit-animation:zoom1 15s linear 1s infinite;}
@-webkit-keyframes zoom1{0%{-webkit-transform:scale(1);}50%{-webkit-transform:scale(1.1);}100%{-webkit-transform:scale(1);}}
@keyframes zoom1{0%{transform:scale(1);}50%{transform:scale(1.1);}100%{transform:scale(1);}}



/*动画时间*/
.delay2{-webkit-animation-delay: .5s; animation-delay: .5s;}
.delay3{-webkit-animation-delay: 1s; animation-delay: 1s;}
.delay4{-webkit-animation-delay: 1.5s; animation-delay: 1.5s;}
.delay5{-webkit-animation-delay: 2s; animation-delay: 2s;}
.delay6{-webkit-animation-delay: 2.5s; animation-delay: 2.5s;}
.delay7{-webkit-animation-delay: 3s; animation-delay: 3s;}
.delay8{-webkit-animation-delay: 3.5s; animation-delay: 3.5s;}
.delay9{-webkit-animation-delay: 4s; animation-delay: 4s;}
.delay10{-webkit-animation-delay: 4.5s; animation-delay: 4.5s;}

/*---------------------------省略符号*/
/*省略号*/
.hide1{overflow:hidden; word-break:keep-all; white-space:nowrap;text-overflow:ellipsis;}
.hide2,.hide6,.hide4,.hide3{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.hide2{height:3.2em;height:3.2em\9; height:3.2em\0;}
.hide3{-webkit-line-clamp: 3;height:4.8em; }
.hide6{-webkit-line-clamp: 6; height:9.6em;}
.hide4{-webkit-line-clamp: 4;height:6.4em;}
/*自适应*/
.r_cell{ display:table-cell; width:9999px; *width:auto; *zoom:1;}

.pic_cell{ vertical-align:middle; text-align:center; display:table-cell; overflow:hidden;}
.pic_cell img{ max-width:100%; max-height:100%; width:100%\9;width:100%\0;*width:100%;vertical-align:middle; overflow:hidden;}
/*自定义动画*/
.transition_a{ -moz-transition:all .3s linear;-webkit-transition:all .3s linear;transition:all .3s linear;}

/*---------------------------------------------图片缩小后摇动（不错）*/
/*左右摇摆*/
li:hover .arrow_t{animation: landr 0.8s ease-in-out; 
-ms-animation: landr 0.8s ease-in-out;
-moz-animation: landr 0.8s ease-in-out;
-webkit-animation: landr 0.8s ease-in-out;
-o-animation: landr 0.8s ease-in-out;}
/*定义动画效果_css3*/
@keyframes landr {
0% {transform: rotate(0deg);transform-origin: right bottom 0;}
39% {transform: rotate(5deg);transform-origin: right bottom 0;}
40% {transform: rotate(5deg); transform-origin: left bottom 0;}
75% {transform: rotate(-10deg);transform-origin: left bottom 0;}
100% {transform: rotate(0deg);transform-origin: left bottom 0;}
}
@-webkit-keyframes landr {
0% { -webkit-transform: rotate(0deg);-webkit-transform-origin: right bottom 0;}
39% {-webkit-transform: rotate(5deg);webkit-transform-origin: right bottom 0;}
40% {-webkit-transform: rotate(5deg);-webkit-transform-origin: left bottom 0;}
75% {-webkit-transform: rotate(-10deg); -webkit-transform-origin: left bottom 0;}
100% {-webkit-transform: rotate(0deg);-webkit-transform-origin: left bottom 0;}
}

/*---------------------------star滤镜的样式*/
/*圆角*/
.round_s{ -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
.round_m{ -moz-border-radius:2em; -webkit-border-radius:2em; border-radius:2em;}
.round_r,.round_img img{-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;}
/*链接文件*/
.round_s,.round_r,.round_m,.round_img img,.ibn .hd li,.studen_scroll .hd li,.newscorllrow .hd li {position:relative\9;behavior: url(../pie.htc);}